<script lang="ts" setup>

</script>

<template>
  <div class="dialog-wrap">
    <div class="content">
      <div class="input">
        <input type="text" placeholder="请输入网址...">
      </div>
      <div class="btns">
        <button>添加</button>
        <button>取消</button>
      </div>
    </div>
  </div>
</template>

<style lang="stylus">
.dialog-wrap
  position absolute
  top 0
  left 0
  right 0
  bottom 0
  background rgba(0,0,0, 0.8)
  display flex
  justify-content center
  align-items center
  .content
    width 100%
    padding 0 20px
    input
      height 30px
      width 100%
      outline none
      margin-bottom 10px
      font-size 12px
    .btns
      button
        height 30px
        margin-right 10px
        font-size 12px
        padding 0 20px
</style>
